<!DOCTYPE html>
<html>
	<meta charset="UTF-8"/>
	<head>
		<title>网易图片动画</title>
		<style>
			div.img {
				width: 220px;
				height: 170px;
				margin: 200px auto;
				overflow: hidden;
			}
			
			img.bigger {
				width: 100%;
				height: 100%;
				transition: transform 2s;
			}
			
			img.bigger:hover {
				transform: scale(1.2, 1.2);
			}
		</style>
	</head>

	<body>
		<div class="img">
			<img class="bigger" src="http://cms-bucket.nosdn.127.net/d9b6afa0bad743f88c1780c3a064202c20170218074455.jpeg?imageView&thumbnail=185y116&quality=85" alt="">
		</div>
	</body>

</html>